﻿<%@ Page Title="Log In" Language="C#" AutoEventWireup="true" MasterPageFile="~/Account/Account.Master" CodeBehind="Login.aspx.cs" Inherits="TravelSite.Account.Login" %>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="login_area">
    	<h3 class="login_title"><img src="<%=BasePath%>images/lock_icon.png" align="absmiddle" alt="" /> Secure Log on</h3>
        
        <!--start login box-->
    	<div class="login_box">
        	<div class="login_box_content">
                <div class="login_box_logo">
                    <img class="img-responsive" src="<%=BasePath%>images/yvd_login_logo.png" alt="" title="Ultimate Vacation Experience" />
                </div>
                <div class="login_box_form">
                    <form role="form" class="form-horizontal" runat="server">

                        <asp:Login ID="LoginUser" runat="server" EnableViewState="false" RenderOuterTable="false">
                            <LayoutTemplate>
                                <div class="form-group">
                                  <label class="col-sm-3 control-label" for="inputName">Username</label>
                                  <div class="col-sm-9">
                                    <asp:TextBox ID="UserName" placeholder="Username" runat="server" CssClass="form-control"></asp:TextBox>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label class="col-sm-3 control-label" for="inputPassword3">Password</label>
                                  <div class="col-sm-9">
                                    <asp:TextBox ID="Password" placeholder="Password" runat="server" CssClass="form-control" TextMode="Password"></asp:TextBox>
                                  </div>
                                </div>
                                
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <asp:Label runat="server" ID="lblError" style="color:#FF0000; font-size: 12px; font-weight:bold;" visible="false">The User ID or Password you entered is not correct.</asp:Label>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                  <div class="col-sm-offset-3 col-sm-9">
                                    <div class="checkbox">
                                      <label>
                                        <asp:CheckBox ID="RememberMe" runat="server"/> Remember me
                                      </label>
                                    </div>
                                  </div>
                                </div>
                        
                                <div class="form-group">
                                  <div class="col-sm-offset-3 col-sm-3">
                                    <asp:Button ID="LoginButton" runat="server" CommandName="Login" CssClass="login_btn"  Text="Login" ValidationGroup="LoginUserValidationGroup"/>
                                  </div>
                                </div>
                            </LayoutTemplate>
                        </asp:Login>
                      </form>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <!--end login box-->
            	
    </div>
</asp:Content>
